@extends('base.head')
@section('sidemenu')
<x-bladewind.centered-content class="position-absolute top-50 start-50 translate-middle">
    <x-bladewind.card>
        <form method="POST" class="signup-form" action="{{route('register.handle')}}">
            @csrf
            <h1 class="my-2 text-2xl font-light text-blue-900/80">Create Account</h1>
            <x-bladewind.input
                prefix="envelope"
                prefix_is_icon="true"
                name="email"
                required="true"
                label="Email"
                error_message="Электронная почта обязательна" />

            @error('email')
            <x-bladewind.alert
                type="error">
                {{ $message }}
            </x-bladewind.alert>
            <br>
            @enderror

            <x-bladewind.input
                type="password"
                required="true"
                prefix="key"
                name="password"
                error_message="Введите ваш пароль"
                show_error_inline="true"
                label="Password"
                prefix_is_icon="true"
                prefix_icon_css="text-orange-500"
                viewable="true"></x-bladewind.input>

            @error('password')
            <x-bladewind.alert
                type="error">
                {{ $message }}
            </x-bladewind.alert>
            <br>
            @enderror

            <div class="text-center">

                <x-bladewind.button
                    name="btn-save"
                    has_spinner="true"
                    type="primary"
                    can_submit="true"
                    class="mt-3">
                    Login
                </x-bladewind.button>

            </div>
        </form>
    </x-bladewind.card>
</x-bladewind.centered-content>
@endsection
